<template>
    <div class="bookrec">
        <sec-title :topic="topic"></sec-title>
        <book-list :bookList="bookList"></book-list>
        <more></more>
    </div>
</template>
<script>
import SecTitle from '../common/SectionTitle';
import More from '../common/More';
import BookList from '../common/BookList';
export default{
    props:["bookRecommend"],
    components:{
        SecTitle,More,BookList 
    },
    data(){
        return {
            topic:this.bookRecommend.topic,
            bookList:this.bookRecommend.bookList
        }
    }
}
</script>
<style lang="stylus" scoped>
    .bookrec
        height:5.1rem
</style>